
/*$(".leftsidebar_box dt img").attr("src","images/left/select_xl01.png");*/
$(function() {
    //$(".leftsidebar_box .dd").hide();
    /*$(".leftsidebar_box .content").hide();
    $(".leftsidebar_box #content").show();
    $(".leftsidebar_box #bdd").css({
        color: '#f6390d',
        borderLeft: '3px solid #f6390d',
        paddingLeft: '7px'
    });;
    $(".leftsidebar_box dt").click(function() {
        $(".leftsidebar_box dt").css({ "background-color": "#f8f8f8" })
        $(this).parent().find('dd').removeClass("menu_chioce");
        $(this).parent().find('dd').addClass("menu_chioce");
    });*/





    /*$(".leftsidebar_box dd").click(function() {
        //$(this).find(".content").css("display", "block");
        //$(this).siblings("dd").find(".content").css("display", "none");
        $(this).parent("dl").siblings("dl").find('dd').find(".content").css("display", "none");
        $(this).find(".asty").css("color", "#f6390d").css({
            color: '#f6390d',
            borderLeft: '3px solid #f6390d',
            paddingLeft: '7px'
        });
        $(this).siblings("dd").find(".asty").css({
            color: '#666666',
            borderLeft: '0',
            paddingLeft: '10px'
        });
        $(this).parent("dl").siblings("dl").find('dd').find(".asty").css({
            color: '#666666',
            borderLeft: '0',
            paddingLeft: '10px'
        });
    });*/

    /**/
    if(navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)){
        $("html").height("123%");
        $(".footer").css({
            "position":"fixed",
            "bottom":"0",
            "left":"0",
            "z-index":"999"
        })
    }

    $(".redbl li").click(function() {

        $(this).css({
            backgroundColor: '#7758fc',
            color: '#fff'
        });
        $(this).siblings().css({
            backgroundColor: '#fff',
            color: '#333333'
        });

    })
    $(".lsfir>li").click(function(){

    })
    $(".reds").click(function() {

        $(this).css({
            backgroundColor: '#f6390d',
            color: '#fff'
        });
        $(this).siblings().css({
            backgroundColor: '#fff',
            color: '#333333'
        });

    })

    /*  */
    var myChart = echarts.init(document.getElementById('main'));

    // 指定图表的配置项和数据
    var benjin = $("#p-sp1").text();
    var lixi  = $("#p-sp3").text();
    var dongjie = $("#p-sp4").text();
    var keyong = $("#p-sp2").text();
    console.log(benjin);
    console.log(lixi);
    console.log(dongjie);
    console.log(keyong);
    var option = {
        tooltip: {
            trigger: 'item',
            formatter: "{a} <br/>{b}: {c} ({d}%)"
        },
        legend: {
            orient: 'vertical',
            x: 'left',
            data: ['', '', '', '']
        },
        series: [{
            name: '',
            type: 'pie',
            radius: ['50%', '70%'],
            avoidLabelOverlap: false,
            label: {
                normal: {
                    show: false,
                    position: 'center'
                },
                emphasis: {
                    show: true,
                    textStyle: {
                        fontSize: '30',
                        fontWeight: 'bold'
                    }
                }
            },
            labelLine: {
                normal: {
                    show: false
                }
            },
            data: [
                { value: dongjie*1, name: '' },
                { value: benjin*1, name: '' },
                { value: keyong*1, name: '' },
                { value: lixi*1, name: '' }
            ],
            hoverAnimation:false,
            itemStyle:{
                normal:{
                    color: function(params) {
                        var colorList = ['#f9390d','#04a9f9','#fcc30b','#ff9c00'];
                        return colorList[params.dataIndex]
                    }
                }
            }

        }]
    };

    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);

})
